<div class="table-panel" ms-css="{height:@height}" ms-attr="{id:('table-panel-'+@elementID)}">
  <div class="table-fixed-head" ms-attr="{id:('table-fixed-head-'+@elementID)}">
    <table class="table-bordered table-condensed table-box" ms-css="{width:@width}">
      <colgroup>
        <col ms-for="el in @colWidthArr" ms-css="{width:el}">
        <col ms-if="@showOperation" ms-css="{width:@operateWidth}">
      </colgroup>
      <thead class="thead">
      <tr>
        <th ms-for="($index,el) in @header"
            ms-class="[(($index === @orderIndex && @orderStr === 'ascending')? 'ascending' : ''), (($index === @orderIndex && @orderStr === 'descending')? 'descending' : '')]"
            ms-click="@onClickOrderTh($index)">
          <div>{{el}}</div>
          <div class="caret-wrapper" ms-visible="@showOrder">
            <i class="sort-caret ascending" ms-click="@orderBy($event, $index, 'ascending')"></i>
            <i class="sort-caret descending" ms-click="@orderBy($event, $index, 'descending')"></i>
          </div>
          <span class="resizer-icon" ms-mousedown="@handleMousedown($event,$index) | stop"></span>
        </th>
        <th ms-if="@showOperation" class="operation">操作</th>
      </tr>
      </thead>
    </table>
  </div>
  <!-- 展示数据区 -->
  <div class="table-fixed-body" ms-attr="{id:('table-fixed-body-'+@elementID)}" ms-css="{height:@bodyHeight}">
    <table class="table-bordered table-condensed table-box" ms-css="{width:@width}">
      <colgroup>
        <col ms-for="el in @colWidthArr" ms-css="{width:el}">
        <col ms-if="@showOperation" ms-css="{width:@operateWidth}">
      </colgroup>
      <tbody class="tbody">
      <tr class="table-fixed-body-tr" ms-for="($index,obj) in @data"
          ms-class="[obj.class, obj.StatusStr, ((@showClickClass && $index === @chooseIndex)? 'active' : '')]"
          ms-click="@handleClick($index)" ms-dblclick="@handleDbClick($index)">
        <td ms-for="(index,el) in obj | selectBy(@row)" >{{el?el:''}}</td>
        <td ms-if="@showOperation" class="operation">删除</td>
      </tr>
      </tbody>
    </table>
  </div>
  <!-- 右侧操作 -->
  <div ms-if="@showOperation" class="table-fixed-right" ms-attr="{id:('table-fixed-right-'+@elementID)}">
    <div class="table-fixed-head">
      <table class="table-bordered table-condensed table-box">
        <colgroup>
          <col ms-css="{width:@operateFixedWidth}">
        </colgroup>
        <thead>
        <tr>
          <th class="operation">操作</th>
        </tr>
        </thead>
      </table>
    </div>
    <div class="table-fixed-body" ms-if="@showOperation"
         ms-css="{height:@operateHeight,'margin-bottom':@getScrollBarWidth()}">
      <div class="table-body-inner" ms-css="[@operateBodyInnerCss]">
        <table class="table-bordered table-condensed table-box">
          <colgroup>
            <col ms-css="{width:@operateFixedWidth}">
          </colgroup>
          <tbody class="tbody">
          <tr ms-for="($index,el) in @data" ms-class="[((@showClickClass && $index === @chooseIndex)? 'active' : '')]">
            <td class="operation" ms-html="@operateHtml">
            </td>
          </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <div class="table-fixed-column-resize-proxy" ms-visible="@showResize"
       ms-css="{left:@resizeLeft,height:(@bodyHeight+31.2)}"></div>
  <div class="table-fixed-pages">
    <div class="select-result">查询结果：<span>{{@count}}</span>条</div>
    <div class="pages" ms-attr="{id:@elementID+'Pages'}"  ms-visible="@showPages"></div>
    <div class="clear"></div>
  </div>
</div>